.bottom{
	width:0px;margin: 0 auto;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:0px solid transparent;
	border-bottom:150px solid white;/*风车杆长短*/
	position: relative;z-index: 1;
}
.circle{
	width:16px;height: 16px;border-radius: 100%;z-index: 1;
	background: white;position: absolute;top:8px;left:-8px;
}
.flabellumarea{
	width:300px;height: 300px;
	position: absolute;top:-135px;left:-150px;z-index: 0;background-color:transparent;
	transform-style: preserve-3d;-webkit-transform-style:preserve-3d ;-moz-transform-style: preserve-3d;
	animation: rotate 9s linear infinite;-webkit-animation: rotate 9s linear infinite;-moz-animation: rotate 9s linear infinite;
}
@keyframes rotate{
	from{transform: rotate(0deg);-webkit-transform:  rotate(0deg);-moz-transform:  rotate(0deg);}
	to{transform: rotate(360deg);-webkit-transform:  rotate(360deg);-moz-transform:  rotate(360deg);}
}
@-webkit-keyframes name{
	from{transform: rotate(0deg);-webkit-transform:  rotate(0deg);-moz-transform:  rotate(0deg);}
	to{transform: rotate(360deg);-webkit-transform:  rotate(360deg);-moz-transform:  rotate(360deg);}
}
@-moz-keyframes name{
	from{transform: rotate(0deg);-webkit-transform:  rotate(0deg);-moz-transform:  rotate(0deg);}
	to{transform: rotate(360deg);-webkit-transform:  rotate(360deg);-moz-transform:  rotate(360deg);}
}
.one{
	width: 50px;height: 100px;background-size: 10px 10px;position:absolute;left:148px;
	background-image: linear-gradient(90deg,white 50%,transparent 50%),
	                                  linear-gradient(white 50%,transparent 50%);
}
.one .a{
	width:5px;height: 50px;background-color: white;
	position:absolute;top:100px;left: 0px;
}
.two{
	width: 100px;height: 50px;background-size: 10px 10px;position:absolute;left:0px;top:103px;
	background-image: linear-gradient(90deg,white 50%,transparent 50%),
	                                  linear-gradient(transparent 50%,white 50%);
}
.two .a{
	width:50px;height: 5px;background-color: white;
	position:absolute;right: -50px;bottom: 0px;
}
.three{
	width: 50px;height: 100px;background-size: 10px 10px;position:absolute;left:103px;bottom:0px;
	background-image: linear-gradient(90deg,transparent 50%,white 50%),
	                                  linear-gradient(transparent 50%,white 50%);
}
.three .a{
	width:5px;height: 60px;background-color: white;
	position:absolute;left:45px;bottom: 100px;
}
.four{
	width: 100px;height: 50px;background-size: 10px 10px;position:absolute;right:0px;top:148px;
	background-image: linear-gradient(90deg,transparent 50%,white 50%),
	                                  linear-gradient(white 50%,transparent 50%);
}
.four .a{
	width:50px;height: 5px;background-color: white;
	position:absolute;left: -50px;top: 0px;
}
